<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="bootstrap/dist/css/bootstrap.css">
    <script src="bower_components/requirejs/require.js" data-main="js/example-avalon.js" ></script> 
    <!-- <script src="bower_components/avalon/avalon.js"></script> -->
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-10" ms-controller="todos">{{txt}}
                <form  dms-on-submit="add">
                   
                        <label for="">将下面输入的文字放入todoList</label>
                        <input type="text" class="form-control" ms-duplex='txt' autocomplete="off" \>
                   
                </form>
                <p ms-if="todoList.size()>0">现有{{todoList.size()}}项todo list</p>
   				 <ol >
                <li ms-repeat="todoList" >
                {{el}}<span ms-click="$remove" >x</span>
                </li>         
                 </ol>
            </div>
        </div>
    </div>
   <!-- <script src="bower_components/avalon/dist/avalon.js"></script>
   <script src="js/example-jquery.js"></script> -->

</body>
 
</html>
